@import "variables";
@import "mixins";

$table-view-cell-height: 44px;

.table-view {
  position: relative;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 14px;
  list-style: none; // Remove usual bullet styles from table view
  background-color: color(white);
  border-top: thin solid $border-color-default;
  border-bottom: thin solid $border-color-default;

  > * {
    position: relative;
    padding: 0;
    overflow: hidden;
    @include box-sizing(content-box);
    border-top: thin solid $border-color-default;
    &:first-child {
      border-top-color: transparent;
    }
  }

  > .table-view-cell {
    @include box-sizing(border);
    -webkit-touch-callout: none; //禁止长按出现打开菜单
    //min-height: $table-view-cell-height;
    padding: 10px 14px;

    > a {
      position: relative;
      display: block;
      margin: -10px -14px;
      padding: inherit;
      line-height: 33px;

      &.navigate-right:after {
        content: "";
        position: absolute;
        right: 0;
        @include icon(33px);
        background: transparent url("/app/images/icons/navigate-right.png") no-repeat center / 7.5px 13px;
      }
      &:active {
        background-color: rgba(color(black), 0.05);
      }
    }
  }

  > .table-view-divider {
    padding: 3.5px 14px;
    color: color(black);
    background-color: $background-color-default;
  }

}